<demo>demos.menu.h3_1</demo>

<template>
  <Menu>
    <SubMenu>
      <template v-slot:title>Menu Title 1</template>
      <template v-slot:items>
        <MenuItem mKey="1">Menu item 1</MenuItem>
        <MenuItem mKey="2">Menu item 2</MenuItem>
      </template>
    </SubMenu>
    <SubMenu>
      <template v-slot:title>Menu Title 2</template>
      <template v-slot:items>
        <MenuItem mKey="3">Menu item 3</MenuItem>
        <MenuItem mKey="4">Menu item 4</MenuItem>
        <SubMenu>
          <template v-slot:title>Menu Title 3</template>
          <template v-slot:items>
            <MenuItem mKey="5">Menu item 5</MenuItem>
            <MenuItem mKey="6">Menu item 6</MenuItem>
          </template>
        </SubMenu>
      </template>
    </SubMenu>
  </Menu>
</template>

<script lang="ts">
import { Menu, SubMenu, MenuItem } from 'neat-ui-dev'
export default {
  components: {
    Menu,
    SubMenu,
    MenuItem
  }
}
</script>